@font-face {
    font-family: 'icomoon';
    src: url('../fonts/icomoon.eot?jfuwk');
    src: url('../fonts/icomoon.eot?jfuwk#iefix') format('embedded-opentype'), url('../fonts/icomoon.ttf?jfuwk') format('truetype'), url('../fonts/icomoon.woff?jfuwk') format('woff'), url('../fonts/icomoon.svg?jfuwk#icomoon') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: block;
}

.list {
    position: relative;
}

.nav-l {
    float: left;
    width: 332px;
    height: 45px;
}

.nav-l ul {
    margin-left: 28px;
}

.nav-l ul li {
    float: left;
    line-height: 45px;
    text-align: center;
}

.nav-l ul li a {
    font-size: 16px;
    color: black;
    font-weight: 700;
}

.nav-l ul li:nth-child(-n+2) {
    margin-right: 55px;
}

.nav-r {
    float: right;
}

.nav-r ul li {
    float: left;
    line-height: 45px;
}

.nav-r ul li a {
    font-size: 14px;
    color: #666666;
    margin-right: 45px;
}

.nav-r ul li:last-child a::after {
    content: '\e900';
    font-family: 'icomoon';
}

.list-bd {
    margin-top: 25px;
}

.list-bd ul li {
    float: left;
    width: 290px;
    height: 460px;
    border: 1px solid transparent;
    margin-right: 13px;
}

.list-bd ul li:nth-child(4n) {
    margin-right: 0;
}

.list-bd ul li:hover {
    border: 1px solid #e12228;
}

.list-bd ul li p {
    margin-left: 12px;
}

.list-bd ul li .price {
    margin-left: 10px;
}

.list-bd ul li .price .pre {
    float: left;
    font-size: 22px;
    color: #e60012;
    margin-top: 10px;
}

.list-bd ul li .price span {
    float: left;
    font-size: 14px;
    color: #a4a4a4;
    text-decoration: line-through;
    margin-top: 18px;
    margin-left: 7px;
}

.list-bd ul li .progress {
    height: 12px;
}

.list-bd ul li .progress span {
    float: left;
    font-size: 14px;
    color: #666666;
    margin: 0 10px;
}

.list-bd ul li .progress .progressbar {
    float: left;
    width: 132px;
    height: 12px;
    border-radius: 6px;
    margin-top: 5px;
    border: 1px solid #ed282e;
}

.list-bd ul li .progress .progressbar .progressbar1 {
    width: 100px;
    height: 10px;
    border-radius: 5px;
    background-color: #ed282e;
}

.list-bd ul li button {
    display: block;
    height: 50px;
    width: 290px;
    background-color: #b1191a;
    margin-top: 29px;
}

.top {
    position: absolute;
    left: 1210px;
    bottom: 100px;
    width: 68px;
    height: 68px;
    background-color: #b1191a;
    color: #fff;
    font-size: 18px;
    text-align: center;
    cursor: pointer;
}

.top span {
    display: block;
    font-family: 'icomoon';
}